<template>
  <div id="finish">
    <el-container>
      <el-main>
        <div class="my_card">
          <el-row class="row1">
            <div class="row1_content">
              {{title[image_kind]}}
            </div>
          </el-row>
          <el-row class="row2">
            <el-col :span="12" style="height: 100%">
              <el-row>
                <div>
                  你与冰雪的今世之缘是{{sport[image_kind]}}
                </div>
              </el-row>
              <el-row>
                {{introduction[image_kind]}}
              </el-row>
            </el-col>
            <el-col :span="12">
              <el-row>
                <div>
                  {{description[image_kind]}}
                </div>
              </el-row>
              <el-row>
                <el-image :src=image_src[image_kind] style="height: 100%">
                </el-image>
              </el-row>
            </el-col>
          </el-row>
        </div>
        <div class="QR_card">
          <el-row class="row3">
            <el-col :span="16" class="row3_left">
              <div class="row3_left_content">
                扫描二维码，关注公众号
                <br>
                获取更多冬奥信息
              </div>
            </el-col>
            <el-col :span="8" class="row3_right">
              <el-image :src="require('../assets/二维码.jpg')" class="row3_right_content">
              </el-image>
            </el-col>
          </el-row>
        </div>
      </el-main>
    </el-container>
  </div>
</template>

<script>
export default {
  name: "finish",

  data() {
    return {
      sport: ["冰壶", "单板滑雪", "自由式滑雪", "花样滑冰", "短道速滑", "雪橇", "雪车", "高山滑雪"],
      title: ["动静之美，取舍之智", "保持热爱，奔赴山海", "炽热灵魂，无拘无束", "温柔半两，从容一生",
        "风驰电掣，奋勇当先", "迅电流光，雷厉风行", "心有猛虎，细嗅蔷薇", "坚定勇敢，周身璀璨"],
      description: ["在取舍中选择，在宁静中期待，在呐喊中爆发", "怀揣理想主义，迸发心中花火，活出滚烫人生",
        "想要的都拥有，得不到的都释怀，向自由敬一杯", "现实磨不平棱角，恶意带不走善良，只做真实的自己",
        "像风一样飞驰，果断坚毅，只为突破自己", "是激情的，是勇敢的，是难得的人间理想",
        "夏日慢热，冬日狂野，同地球逆转而行", "忠于自己，活出自己，成为最耀眼的恒星"
      ],
      introduction: ["冰壶被喻为冰上的“国际象棋”，中国冰壶队曾获得世锦赛冠军此次冬奥会中国队平均年龄最小，大部分队员首次参加冬奥会，但“初生牛犊不怕虎”，期待中国冰壶队能拼出好成绩!",
        "单板滑雪又称冬季的冲浪运动，在上一届平昌冬奥会实现奥运奖牌“零的突破”，本届冬奥会中国代表团将冲击女子U型场地技巧和男子大跳台两个项目的金牌！",
        "自由式滑雪又称“空中舞蹈”，16 年前中国选手在男子空中技巧赛获得雪上项目唯一一枚冬奥会金牌。如今，自由式滑雪空中技巧已经成为中国队的传统优势项目，在此次冬奥会有望向该项目金银铜牌发起冲击！",
        "花样滑冰被誉为“冰上芭蕾”，花样滑冰双人是中国军团冬奥传统强项之一。从温哥华冬奥会拿下中国花样滑冰首金之后，花滑双人组人才辈出，在此次冬奥会将再次争夺金牌！",
        "短道速滑堪称冰上的“速度与激情”。2002年杨扬实现中国冬奥金牌“零的突破”。2018年武大靖打破世界纪录并夺得平昌冬奥首金。2022大年初五，中国短道速滑将冲击北京冬奥中国队首金！",
        "雪上运动项目之一。在比赛中乘坐金属制或木制的双橇滑板沿着有各种弯度的专用冰道高速滑降至终点的一种运动，其过程充满速度与激情。中国国家雪橇集训队2015年刚刚组建，经过刻苦训练，中国雪橇运动员现已踏上世界顶级赛场并有良好发挥。如今，他们已经准备好在北京冬奥会上展现中国运动员的风采！",
        "雪车也称“有舵雪橇”，是一种集体乘坐雪车，在冰道上滑行的运动项目。运动员要合力控制雪车，通过极致的控制，安全到达终点。中国雪车队自2016年成立以来，进展飞快，有望在冬奥会上夺牌。",
        "高山滑雪被誉为“冬奥会皇冠上的明珠”，本届冬奥会，中国选手拿到了所有11个小项的参赛资格，其中男、女滑降、超级大回转、全能和混合团体，均将首次参赛！"
      ],
      image_src: [
        require('../assets/冰壶.jpg'),
        require('../assets/单板滑雪.jpg'),
        require('../assets/自由式滑雪.jpg'),
        require('../assets/花滑.jpg'),
        require('../assets/速滑.jpg'),
        require('../assets/雪橇.jpg'),
        require('../assets/雪车.jpg'),
        require('../assets/高山滑雪.jpg'),
      ],

      image_kind: this.$route.params.kind
    }
  }
}
</script>

<style scoped>
#finish {
  height: 90%;
}
.el-container {
  height: 100%;
}
.el-main {
  height: 100%;
  border: 1px solid blue;
}
.my_card {
  height: 80%;
  background-color: lightblue;
}
.QR_card {
  height: 16%;
}
.row3 {
  height: 100%;
}
.row3_left {
  height: 100%;
  display: table;
}
.row3_left_content {
  display: table-cell;
  vertical-align: middle;

}
.row3_right {
  height: 100%;
}
.row2 {
  height: 90%;
}
.row1 {
  height: 10%;
  width: 100%;
  display: table;
}
.row1_content {
  display: table-cell;
  vertical-align: middle;
}
</style>
